<%-- 
    Document   : login
    Created on : 05/08/2013, 10:58:55
    Author     : Aluno
--%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Login</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="stylesheet" href="css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/font.css" />
        <link rel="stylesheet" href="css/style.css" />
        <!-- Favicon -->
        <link rel="icon" href="img/hsfavicon.png">
        <!-- =========== -->
        <!-- Google Font -->
        <!-- =========== -->
        <script type="text/javascript">
            // Add Google Font name here
            WebFontConfig = {google: {families: ['Bangers', 'Lato']}};
            (function() {
                var wf = document.createElement('script');
                wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
                        '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
                wf.type = 'text/javascript';
                wf.async = 'true';
                var s = document.getElementsByTagName('script')[0];
                s.parentNode.insertBefore(wf, s);
            })();
        </script>
        <style type="text/css">
            /* Add Google Font name here */
            .wf-active {font-family: 'Lato',serif; font-size: 14px;}
            .wf-active .logo {font-family: 'Bangers', serif;}
        </style>
        <!--[if lt IE 9]>
                <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <!--[if IE 7]>
                <link rel="stylesheet" href="css/ie7.css" />
        <![endif]-->
    </head>
    <body class="wf-active">	
        <!-- =========== -->
        <!-- Top section -->
        <!-- =========== -->
        <div class="header-container">
            <div class="container welcome">
                <div class="row-fluid">
                    <div class="pull-left greet">
                        Bem Vindo, <a href="login.jsp">faça seu login!</a>
                    </div>
                    <div class="pull-right cart tright">
                        <!-- Cart Updates -->
                        <div class="counter">
                            <i class="icon-basket"></i><a href="carrinho.jsp">Seu carrinho</a> : <span class="theme">R$ 00</span>
                        </div>
                    </div>
                </div>
            </div>	
        </div>
        <!-- ================ -->
        <!-- Branding section -->
        <!-- ================ -->
        <div class="container head">
            <div class="row">
                <div class="span12 clearfix">
                    <div class="top row">
                        <div class="span8 logo text" style="display:none"><a href="inicial.html"></a></div>
                        <div class="span8 logo image"><a href="inicial.html"><img src="img/highreslogo.png" alt="" /></a></div>
                        <div class="cart span4">
                            <form action="#" class="topsearch">
                                <input type="search" class="top-search" placeholder=""/>
                                <button type="submit"><i class="icon-search"></i></button>
                            </form>
                        </div>
                    </div>	
                </div>
            </div>
        </div>
        <!-- ================ -->
        <!-- Main Nav section -->
        <!-- ================ -->
        <div class="container-menu">
            <div class="container">
                <div class="row">		
                    <div class="span12">
                        <nav class="horizontal-nav full-width">
                            <ul class="nav" id="nav">
                                <li><a href="inicial.jsp">Home</a></li>							
                                <li><a href="masculino.jsp">Masculino</a></li>
                                <li><a href="feminino.jsp">Feminino</a></li>
                                <li><a href="sistema.jsp">Sistema</a></li>
                                <li><a href="contato.jsp">Contato</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
            </div>
        </div>
        <!-- =========== -->
        <!-- Main Slider -->
        <!-- =========== -->
        <div class="container">
            <!-- Login Section -->
            <section class="login">
                <div class="row standard">
                    <header class="span12 prime">
                        <!--<h3>Account</h3> -->
                    </header>
                </div>
                <div class="wrap">
                    <div class="row-fluid">
                        <div class="span6">
                            <ul class="nav nav-tabs" id="myTab">
                                <li class="active"><a href="#login"><i class="icon-lock"></i>Dados para Login!</a></li>
                                <li><a href="#forgot"><i class="icon-help"></i>Esqueceu a senha?</a></li>
                            </ul>
                            <div class="tab-content">
                                <!-- Login -->
                                <div class="tab-pane active" id="login">
                                    <c:if test="${!empty mens}">
                                        <script type="text/javascript">
                                            alert('${mens}');
                                        </script>
                                    </c:if>
                                    <form action="ControleUsuario?cmd=logar" method="POST">
                                        <label>Login:</label>
                                        <input name="login" type="text" /><br /><br />
                                        <label>Senha:</label>
                                        <input name="senha" type="password" /><br /><br />
                                        <input style="margin-left: 45px;" type="submit" value="Entrar"/>
                                        <input type="reset" value="Limpar"/>
                                    </form>
                                </div>

                                <!-- Register -->
                                <div class="tab-pane" id="forgot">
                                    <form class="form-horizontal">
                                        <div class="control-group">
                                            <label class="control-label" for="inputEmail"> Email</label>
                                            <div class="controls">
                                                <input type="email" id="inputEmail" placeholder="Email">
                                            </div>
                                        </div>

                                        <div class="control-group">
                                            <div class="controls">
                                                <button type="submit" class="btn theme">Reenviar Senha </button>
                                            </div>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>

                        <div class="span6">
                            <p>ESTANDO LOGADO...</p>
                            <hr>
                            <p>...Você poderá; inserir e comprar produtos, além de solicitar relatórios e fazer buscas no nosso sistema, divirta-se!<a href="#" class="theme"><!--Create an Account â†’--></a></p>
                        </div>
                    </div>

                </div>

            </section>
        </div>
        <!-- ============== -->
        <!-- Footer section -->
        <!-- ============== -->
        <footer>
            <div class="container">
                <section class="row foot">
                    <article class="span3">
                        <strong>Links</strong>
                        <ul>
                            <li><a href="#">Home</a></li>
                            <li><a href="#">Sobre nós</a></li>
                            <li><a href="#">Privacidade</a></li>
                            <li><a href="#">Devoluções</a></li>
                            <li><a href="#">Contato</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>Produtos</strong>
                        <ul>
                            <li>Femininos</a></li>
                            <li><a href="#">Sapatos</a></li>
                            <li><a href="#">Tenis</a></li>
                            <li><a href="#">Acessórios</a></li>
                            <li>Masculinos</a></li>
                            <li><a href="#"> Sapatos</a></li>
                            <li><a href="#">Tenis</a></li>
                            <li><a href="#">Acessórios</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>SISTEMA</strong>
                        <ul>
                            <li><a href="login.jsp">Login</a></li>
                            <li><a href="sistema.jsp">Cadastros</a></li>
                            <li><a href="sistema.jsp">Relatórios</a></li>
                            <li><a href="sistema.jsp">Pesquisas</a></li>
                        </ul>
                    </article>
                    <article class="span3">
                        <strong>Newsletter</strong>
                        <div>
                            <form class="form-inline">
                                <input class="input-medium" type="text" placeholder="endereço de email">
                                <button class="btn"><i class="icon-direction"></i></button>
                            </form>
                        </div>
                        <a